<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="./static/base.css">
    <title>嚇拉</title>
    <script type="text/javascript">
      var html = document.documentElement;
      var hWidth = html.getBoundingClientRect()["width"];
      html.style.fontSize = hWidth / 37.5 + "px";
    </script>
  </head>
  <body>
    <div id="app"></div>
  </body>
  <style type="text/css">
    .home .swiper-pagination{text-align: right;right: 2rem;left: auto;}
    .home .swiper-pagination-bullet-active{background: #ff659b;}
    .audio .inactive{display: none;}
    .aplayer{margin: 0;}
    .aplayer-pic{background: none !important;}
    .aplayer .aplayer-pic .aplayer-button{background-image: url(./static/kechenxiangqing1.png);width: 5rem;height: 5rem;background-size: cover;top: 50%;margin-top: -2.5rem;left: 50%;margin-left: -2.5rem;text-shadow: none;box-shadow: none;background-color: transparent;transition: all .5s;border: none;}
    .aplayer .aplayer-pic .aplayer-pause{background-position-x: -7rem;    }
    .aplayer .aplayer-pic .aplayer-button button{display: none;}
    .aplayer .aplayer-body .aplayer-info .aplayer-music .aplayer-title{font-size: 1.5rem;color: #333;height: 2rem;line-height: 2rem;display: block;white-space: nowrap;display: block;text-overflow: ellipsis;overflow: hidden;}
    .aplayer .aplayer-body .aplayer-info .aplayer-music{margin-left: 0;height: 3.5rem;}
    .aplayer-controller{position: relative;top: -.5rem;}
    .aplayer-thumb{border-color: #FF659B !important;background-color: #FF659B !important;}
    .aplayer-played{background: #FF659B !important;}
    .diet-info .vux-tab-selected,.balance .vux-tab-selected{color: #333 !important;}
    .diet-info .vux-tab .vux-tab-item,.balance .vux-tab .vux-tab-item{color: #999;}

    .course-class-transfer .vux-popup-dialog{top: 4.8rem;bottom: auto;}
    .course-class-transfer .popup0{background-color: #fff;padding-top: 3rem;}
    .course-class-transfer .popup0 p{font-size: 1.3rem;color: #666;line-height: 1.5rem;padding-left: 3rem;padding-bottom: 3rem}
    .course-class-transfer .vux-popup-mask{top: 4.8rem;}
    .vux-popup-mask:link{background-color: rgba(0,0,0,.5);}
    .vux-popup-header-right{color: #FF659B;}

    .payment .weui-cell{padding: 0;}            

    .payment-transfer .daijinquan{height: 5rem;line-height: 5rem;font-size: 1.5rem;position: sticky;position: -webkit-sticky;background-color: #fff;border-bottom: 1px solid #e5e5e5;width: 100%;top: 0;}
    .payment-transfer .daijinquan p{position: absolute;width: 100%;left: 0px;top: 0px;color: #000;text-align: center;}
    .payment-transfer .daijinquan .cancer{color: #939399;position: absolute;left: 1.5rem}
    .payment-transfer .daijinquan .confirm{color: #FF659B;position: absolute;right: 1.5rem}

    .payment-transfer .coupon-none{font-size: 1.5rem;width: 16.875rem;text-align: center;line-height: 3rem;position: absolute;top: 50%;margin-top: -3rem;left: 50%;margin-left: -8.4325rem;}
    .payment-transfer .coupon-none span{color: #FF659B;}     
    .payment-transfer .coupon-blocks{min-height: 35rem;max-height: 35rem;}   
    .payment-transfer .coupon-block{background-image: url('./static/querengdingdan2.png');background-size: contain;background-repeat: no-repeat;margin: 1.5rem;width: 34.5rem;height: 8rem;display: flex;}
    .payment-transfer .price{flex: 1;max-width: 9rem;line-height: 8rem;padding-left: 1rem;color: #FF659B;font-weight: bold;font-size: 1.8rem;}
    .payment-transfer .price em{font-size: 4rem;}
    .payment-transfer .con{flex: 1;margin-left: 3rem;padding-top: 1.9rem;}
    .payment-transfer .con .con-price{font-size: 1.5rem;color: #333;font-weight: 500;}
    .payment-transfer .con .time{font-size: 1.3rem;color: #999;}
    .payment-transfer span.img{max-width: 2rem;height: 2rem;position: relative;top: 3rem;width: 2rem;margin-right: 1rem;}

    @keyframes foguangMove{
      50% {
        transform: rotate(180deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    @-webkit-keyframes foguangMove{
      50% {
        transform: rotate(180deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    .purchase .weui-cell{
        padding: 0;
    }
    .purchase .weui-label{
        width: 8rem!important;
    }
    .purchase .weui-label, .purchase .weui-cell__bd input{
        font-size: 1.5rem;
    }
    .purchase .weui-cell .vux-cell-placeholder, .purchase .weui-cell .vux-cell-value{
        text-align: left;
        width: 100%;
        display: block;
        font-size: 1.5rem;
    }

      
  </style>
</html>
